<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东</title>
    <link href="1.css" rel="stylesheet">
</head>
<body>
<div class="box clearfix">


    <!---登录头部--->
    <div class="logo clearfix">
      <img src="logo.png "/>
        <div class="tu"></div>
          <div class="lianjie">
            <div class="duanxin clearfix"><a class="fr" href="#"><span></span>登录页面，调查问卷</a></div>
          </div>
    </div>
        <!---登录头部结束--->


        <!---登录提示--->
        <div class="top  clearfix">
            <p><span></span>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a href="#">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</p>
        </div>
        <!---提示结束--->`


        <!---主体--->
        <div class="bj">
            <div class="zhuti clearfix">
                <div class="table clearfix">

                  <div class="jingdong"><span></span>京东不会以任何理由要求您转账汇款，谨防诈骗。</div>
                    <div class="denglu">
                      <a href="#">扫码登录</a>
                      <span>|</span>
                      <a href="#">账户登录</a>
                    </div>

                   <form>
                     <div class="text2 clearfix"><span></span><input  class="text1" placeholder="邮箱/用户名/已验证手机" /></div>
                     <div class="text3 clearfix"><span></span><input  class="text1"type="password" placeholder="密码" /></div>
                     <div class="mima clearfix"><a href="#" class="fr">忘记密码</a></div>
                     <a href="#"><div class="text">登&nbsp&nbsp&nbsp&nbsp&nbsp录</div></a>
                   </form>

                  <div class="QQ">
                    <div class="liaotian clearfix">
                      <div class="qq fl"><a href="#"><span></span>QQ</a></div>
                        <span class="fl">|</span>
                          <div class="weixin fl"><a href="#"><span></span>微信</a></div>
                          <div class="reg fr"><a href="#"><span></span>立即注册</a></div>
                    </div>
                  </div>
                </div>
            </div>
        </div>
            <!---主体结束--->


            <!---尾部--->
            <div class="bot">
                <a href="#">关于我们</a> <span>|</span>
                <a href="#">联系我们</a> <span>|</span>
                <a href="#">人才招聘</a> <span>|</span>
                <a href="#">商家入驻</a> <span>|</span>
                <a href="#">广告服务</a> <span>|</span>
                <a href="#">手机京东</a> <span>|</span>
                <a href="#">友情链接</a> <span>|</span>
                <a href="#">销售联盟</a> <span>|</span>
                <a href="#">京东社区</a> <span>|</span>
                <a href="#">京东公益</a> <span>|</span>
                <a href="#">English Site</a>
                <p>Copyright &copy; 2004-2018  京东JD.com 版权所有</p>
            </div>
            <!---尾部结束--->
</div>
</body>
</html>
